body {
	background: #E5E5E5;
	font-family: lucida grande, verdana, sans-serif;
	font-size: 12px;
	margin: 0;
	text-align: center;
}

form {
  margin: 0;
  padding: 0;
}

a.donelink:link,
a.donelink:visited {
  color: #000;
  background: #fc3;
  font-size: 12px;
  padding: 0 2px;
}

a.image img, a img {
	border: none;
}

a:link, a:visited {
	color: #00e;
}

.admin a:link, /* come up with a better name for this */
.admin a:visited,
a.admin:link,
a.admin:visited {
	font-family: verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-transform: none;
	color: #000;
}

a.red:link,
a.red:visited {
  color: red;
}

.admin {
	color: #ccc;
	font-size: 11px;
	font-weight: normal;
}

small {
  font-size: 9px;
  color: #666;
}

dl {
	margin: 0; padding: 0;
}

dt {
	float: left;
	clear: left;
	text-align: right;
	margin: 5px 10px 0 0;
	width: 100px;
	font-size: 11px;
	font-weight: bold;
}

dd {
	margin-bottom: 5px;
	font-size: 11px;
}

table.form {
  border-collapse: collapse;
}

table.form th {
  text-align: right;
  color: #666;
  padding: 0px;
  padding-right: 5px;
}

table.form td {
  text-align: left;
  padding: 0px;
}

table.form td input {
  width: 335px;
  font-size: 14px;
  padding: 2px;
}

table.form tr.url th  {
  vertical-align: top;
  line-height: 28px;
}

table.form tr.url td  {
  line-height: 14px;
  font-size: 11px;
  padding-bottom: 5px;
}

table.form tr.password td input {
  width: 200px;
}

table.form tr.submit td {
  font-size: 11px;
}

table.form tr.submit td input {
  width: auto;
}

table.form tr.submit td a:link,
table.form tr.submit td a:visited {
  color: red;
}

div#Container,
div#Header div#Tabs,
div#Footer {
  width: 750px;
	margin: 0 20px 0 20px;
	text-align: left;
}

.nosidebar div#Container,
.nosidebar div#Footer {
  width: 573px;
}

div#Header div#Tabs {
  margin: 0 auto;
  padding-left: 34px;
}

div#Wrapper {
  padding: 0 20px 0 30px;
  margin: 0 auto;
}

div#Container {
  position: relative;
  clear: right; /* in case the AccountTab <li>s wrap */
	background: url(/images/page-bg.gif) left repeat-y;
  margin: 12px auto 0 auto;
}

div#Header {
	margin: 0;
	background: #c60;
	/*padding: 15px 0 0 14px;*/
	padding: 15px 0 0 0;
	color: #ccc;
}

div#Main {
  margin-right: 185px;
}

.nosidebar div#Main {
  margin-right: 0;
}

div#Main div.inner {
	padding: 10px 25px 10px 20px;
}

div#Sidebar {
	background: url(/images/page-bg-flexi.gif) right repeat-y;
  position: relative;
  float: right;
	width: 185px;
	padding: 0;
}

div.UpcomingReminder, div#PageLimit, div#Upgrade {
  margin: 0 0 8px 11px;
  font-size: 10px;
  padding: 5px 4px;
  background: #ffe;
  border: 2px solid #ffc;
}

div.UpcomingReminder h1 {
  color: #000;
  font-size: 11px;
  margin: 0 0 3px 0;
}

div.UpcomingReminder h2 {
  font-size: 11px;
  font-weight: normal;
  color: #c60;
  border: none;
  margin: 0;
}

div.UpcomingReminder img {
  vertical-align: middle;
}

div.UpcomingReminder p {
  margin: 0;
}

div.UpcomingReminder a:link,
div.UpcomingReminder a:visited {
  font-size: 10px;
  color: #999;
  margin-left: 3px;
}

div.UpcomingReminder span.nowrap {
  white-space: nowrap;
}

div#PageLimit, div#Upgrade {
  background: #ffe;
  border: 2px solid #fc0;
  line-height: 14px;
}

div#Upgrade {
  padding-top: 0;
  background: none;
  border: none;
}

div#Sidebar div#Pages div#PageLimit a:link,
div#Sidebar div#Pages div#PageLimit a:visited,
div#Sidebar div#Pages div#Upgrade a:link,
div#Sidebar div#Pages div#Upgrade a:visited {
  display: inline;
	margin: 0;
  padding: 0;
}

#Main h1 {
	font-size: 28px;
	margin: 5px 0 5px 0;
}

#Main h2 {
  font-size: 10px;
  border-bottom: 1px dotted #ccc;
  color: #c60;
  font-weight: bold;
}

div.section {
	clear: left;
	padding: 5px 0 10px 0;
	margin: 0;
	font-size: 16px;
}

div.section div.content {
	margin-left: 5px;
}

div#BottomShadow {
	clear: both;
	background: url(/images/page_bottom-bg.gif) bottom left no-repeat;
}

div.action { /* at the bottom of a page */
  margin: 5px 0 10px 0;
  border-top: 2px solid #000;
  padding: 5px 0 0 5px;
  font-size: 11px;
  color: #666;
}

div#flash {
  margin: 0 0 20px 0;
  padding: 5px 12px;
  text-align: left;
  color: #252;
  border: 2px solid white;
  font-size: 14px;
}

div#flash.notice {
  background: #dfd;
  border-color: #beb;
  color: #252;
}

div#flash.progress {
  border-color: #ddd;
  background: #eee url(/images/indicator.gif) 10px 50% no-repeat;
  color: #555;
  padding-left: 35px;
}

div#flash.alert {
  background: #fed;
  border-color: #c33;
  color: #c00;
  font-weight: bold;
}

span.highlight {
  background: #ffc;
}

span.blue {
  color: blue;
}

cite {
  font-size: 10px;
  color: #666;
  font-style: italic;
}

div.settingsnav {
  text-align: center;
	color: #999;
	font-size: 12px;
	margin: 0px 0 20px 0;
}

div.settingsnav strong {
	color: #000;
}

/*-------------------------------------------------
SYSTEM NOTICE
-------------------------------------------------*/

div#system_notice {
  font-size: 11px;
  border-bottom: 1px solid #999;
  text-align: center;
  padding: 7px;
  background-color: #333;
  color: #fff;
}

div#system_notice a:link, div#system_notice a:visited {
  color: #fff;
}


/*-------------------------------------------------
FOOTER
-------------------------------------------------*/

div#Footer { 
  clear: left;
  color: #666;
	padding: 3px 0 30px 20px;
  margin: 0 auto;
}

div#Footer img#Logo {
  float: left;
  margin: 0 10px 10px 0;
}

div#Footer div {
  padding-top: 10px;
}

div#Footer p {
	margin: 0 0 3px 0;
	font-size: 10px;
}

div#Footer p img {
	vertical-align: middle;
}

div#Footer p.publishedwith {
  color: #999;
  font-size: 9px;
  margin-left: 5px;
}

div#Footer a:link,
div#Footer a:visited {
  color: #666;
}

/*-------------------------------------------------
SIDEBAR
-------------------------------------------------*/

div#Sidebar div#Pages input#make_new_button {
  margin: 0 0 10px 14px;
}

div#Sidebar div#Pages div.pagesnav {
	font-size: 14px;
}

div#Sidebar div#Pages div.favorites {
	margin-top: 10px; 
	padding-top: 5px;
	border-top: 1px solid #ccc;
	font-size: 12px;
}

div#Sidebar div#Pages a:link,
div#Sidebar div#Pages a:visited {
  position: relative;
  display: block;
	margin: 0 0 1px 0;
  padding: 5px 5px 5px 15px;
}

div#Sidebar div#Pages div.favorites a {
  line-height: 16px;
}

div#Sidebar div#Pages div.pagesnav a:link,
div#Sidebar div#Pages div.pagesnav a:visited {
	color: #c60;
	font-weight: bold;
  text-decoration: none;
}

div#Sidebar div#Pages div.pagesnav a:link span,
div#Sidebar div#Pages div.pagesnav a:visited span{
  text-decoration: underline;
}


div#Sidebar div#Pages div.pagesnav a:hover,
div#Sidebar div#Pages div.pagesnav a:hover span,
div#Sidebar div#Pages a:hover {
	background: #666;
	text-decoration: none;
	color: #fff;
}

div#Sidebar div#Pages div.pagesnav a.current_section:link,
div#Sidebar div#Pages div.pagesnav a.current_section:visited {
  background: url(/images/current_section.gif) 0 50% no-repeat;
}

div#Sidebar div#Pages div.favorites a.current:link,
div#Sidebar div#Pages div.favorites a.current:visited,
div#Sidebar div#Pages div.favorites a.current:hover,
div#Sidebar div#Pages div.pagesnav a.current:link,
div#Sidebar div#Pages div.pagesnav a.current:visited,
div#Sidebar div#Pages div.pagesnav a.current:hover,
div#Sidebar div#Pages div.pagesnav a.current_section:hover,
div#Sidebar div#Pages div.pagesnav a.current:link span,
div#Sidebar div#Pages div.pagesnav a.current:visited span,
div#Sidebar div#Pages div.pagesnav a.current:hover span {
	background: #666;
	text-decoration: none;
	color: #fff;
}

div#Sidebar div#Pages div.pagesnav span#new {
  font-family: verdana, sans-serif;
  font-size: 9px;
  color: #000;
  background: #fff2bb;
  text-decoration: none;
  font-weight: normal;
  padding: 1px 2px;
}

/*-------------------------------------------------
MODAL DIALOG
-------------------------------------------------*/

.modal div#Container { background: none; }

#Modal {
	border: 10px solid #ccc;
	background: #fff;
  text-align: left;
  width: 650px;
	margin: 5px auto;
}

#Modal div.inner {
  margin: 15px 20px 10px 20px;
}

#Modal div.submit {
  border-top: 1px solid #ccc;
  padding: 10px 0;
  margin-top: 20px;
  color: #999;
}

#Modal div.submit a:link,
#Modal div.submit a:visited {
  color: red;
}

#Modal div.submit input {
  font-size: 16px;
}

/*-------------------------------------------------
MODAL: TRANSFER OWNERSHIP BEFORE DELETE
-------------------------------------------------*/

.transfer h1 {
  font-size: 20px;
}

.transfer h1 span { /* the title of the page to delete */
  color: #c60;
}

.transfer ul {
  list-style: none;
  margin-left: 0;
  padding-left: 15px;
}

.transfer li span {
  color: #999;
  font-size: 11px;
}


/*-------------------------------------------------
MODAL: LOGIN SCREEN
-------------------------------------------------*/

.login {
  background: #f0f0f0;
}

.login div#Modal {
  width: 500px;
  margin: 60px auto 20px auto;
}

.login div#Modal div.inner {
  margin-bottom: 15px;
}

.login img#logo {
  float: left;
}

.login div#errorMessage, .login div#Message {
	text-align: left;
	font-weight: bold;
	border-top: 1px solid #c99;
	border-bottom: 1px solid #c99;
	padding: 5px;
	font-size: 11px;
	margin: 0 0 0 80px;
	background: #c00;
	color: #fff;
}

.login div#errorMessage a:link,
.login div#errorMessage a:visited {
  color: #fff;
}

.login div#Message {
  background: #080;
}

.login div.Container {
	/*width: 500px;*/
	margin: 60px auto 20px auto;
}

.login h1 {
	margin-bottom: 20px;
}

.login dl {
	margin: 10px 0 0 93px;
}

.login dt {
	float: left;
	clear: right;
	width: 80px;
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
}

.login dd {
	margin: 0 0 5px 0px;
	font-size: 11px;
	line-height: 24px;
	color: #666;
	margin-left: 85px;
}

.login input {
	font-size: 14px;
}

.login input#password {
	width: 150px;
}

.login input#username {
  width: 150px;
}

.login div#First {
  width: 500px;
  margin: 60px auto -30px auto;
}

.login div#First h1 {
  font-size: 16px;
  color: #c30;
  margin: 0 0 3px 0;
}

.login div#First h2 {
  font-size: 14px;
  color: #000;
  margin: 0 0 2px 0;
  padding: 0;
  font-weight: normal;
}

.login div#First p {
  font-size: 12px;
  margin: 0 0 10px 0;
  padding: 0;
}

/*-------------------------------------------------
PERMA - a page
-------------------------------------------------*/

.perma .section {
	padding-bottom: 15px;
}

/*-------------------------------------------------
PERMA - Blank slate
-------------------------------------------------*/

body.perma div.hideprimer {
  margin-top: 10px;
  border-top: 1px dotted #ccc;
  padding: 8px;
  font-size: 10px;
  background-color: #ff9;
}

.perma #blank_slate_top,
.perma #blank_slate_bottom {
  clear: left;
}

.perma #blank_slate_top img,
.perma #blank_slate_bottom img {
  padding-top: 2px;
  float: left;
}

.perma #blank_slate_top p,
.perma #blank_slate_bottom p {
  font-size: 12px;
  color: #888;
  margin: 0 80px 0 21px;
}

.perma #blank_slate_bottom span {
  color: #ccc;
}

.perma #blank_slate_top p a:link,
.perma #blank_slate_top p a:visited {
  color: #666;
}

.perma #blank_slate_top {
  margin-bottom: 50px;
}

div#blank_slate_account {
  margin: 10px 0;
  border: 1px solid #ccc;
  background: #ffc;
}

div#blank_slate_account div.inner {
  padding: 8px 8px 0 8px;
}

div#blank_slate_account h1 {
  border: none;
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}

div#blank_slate_account h2 {
  border: none;
  margin: 0 0 1px 0;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  color: #000;
}

div#blank_slate_account p {
  margin: 0 0 15px 0;
  padding: 0;
}

div#blank_slate_account span#hide_primer_link {
  font-size: 14px;
}


/*-------------------------------------------------
PERMA - Toolbox
-------------------------------------------------*/

.perma div#tools {
  margin: 10px 0 10px 0;
  font-size: 11px;
}

.writeboards div#tools {
  margin: 0 0 15px 0;
  font-size: 11px;
}

.writeboards div#tools a:link,
.writeboards div#tools a:visited {
  color: #999;
  margin-left: 4px;
}

div#tools img {
  vertical-align: middle;
}

.perma a#help_link:link,
.perma a#help_link:visited,
.reminders a#help_link:link,
.reminders a#help_link:visited {
  font-size: 10px;
  padding: 2px;
  color: #999;
}

.perma div#page_links {
  background: #f3f3f3;
  border: 1px solid #eee;
	border-top: 1px solid #e5e5e5;
  padding: 7px 0 1px 0;
}

.perma div#page_links img /*email icon*/{
  vertical-align: middle;
  margin-right: 2px;
}

.perma div#page_links p {
  margin: 0 0 5px 5px;
  font-size: 10px;
}

.perma div#page_links p a:link,
.perma div#page_links p a:visited {
  font-size: 10px;
	color: #666;
}

.perma div#page_links p span#email_page_link a {
  font-size: 10px;
  font-weight: normal;
}

.perma div#page_links p span#email_page_link {
  font-size: 10px;
  color: #000;
  font-weight: bold;
}

/*-------------------------------------------------
PERMA -> PAGEHEADER
-------------------------------------------------*/

.perma .pageheader {
	padding-bottom: 5px;
}

.perma h1 { /* page title*/
	margin: 0 0 3px 0;
}

.pageheader a.edit {
  font-size: 14px;
}

.perma div#edit_title h2 {
  border: none;
}

.perma .showhidedialog input#edit_title_input {
  font-size: 24px;
  width: 490px;
  font-weight: bold;
}

.perma .showhidedialog textarea#edit_description_textarea {
  width: 490px;
  font-size: 14px;
}

/*-------------------------------------------------
PERMA -> BODY (DESCRIPTION)
-------------------------------------------------*/

.perma div#description { /* the body */
	font-size: 13px;
}

.perma div#description p {
  font-size: 12px;
  line-height: 16px;
  margin: 0 0 15px 0;
}

.perma div#description h1,
.perma div#description h2,
.perma div#description h3 {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  border: none;
}

.perma div#description h1 {
  margin: 0 0 15px 0;
  font-size: 16px;
}

.perma div#description h2 {
  font-size: 14px;
}

.perma div#description h3 {
  font-size: 13px;
}

.perma div#description blockquote {
  background: url('/images/blockquote.gif') no-repeat 0 2px;
  padding-left: 23px;
  margin: 0 40px 15px 0;
}

.perma div#description ul,
.perma div#description ol {
}


/*-------------------------------------------------
PERMA -> LIST
-------------------------------------------------*/

div.list {
  position: relative;
	font-size: 13px;
	margin: 0 0 15px 0;
}

div.lists .showhidedialog input.additemfield {
	font-size: 16px;
	padding: 2px;
	width: 400px;
}

div.lists .showhidedialog h3 {
  margin: 0 0 3px 0;
  font-size: 12px;
	color: #666;
	padding: 0;
}

div.lists .showhidedialog .edit_textarea {
  font-size: 14px;
  width: 450px;
}

div.lists div.list input.title_field {
  width: 400px;
  font-size: 14px;
  font-weight: bold;
}

div.lists div.list h3.listtitle {
	font-size: 16px;
	margin: 0 0 3px 0;
}

div.lists div.list div#additem { /* the link to add an item */
	margin-top: 3px;
	margin-left: 25px;
}

div.lists div#addlist { 
  width: 100px;
}

div.lists div#addlist.withreorder { 
  width: 180px;
}

div.addcapsule {
  width: 60px;
  background: url('/images/add-bg-left.gif') top left no-repeat;
	color: #ccc;
	font-size: 11px;
	font-weight: normal;
  margin-left: 14px;
  padding: 0 0 0 10px;
  text-align: center;
}

div.addcapsule a:link,
div.addcapsule a:visited {
	font-family: verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-transform: none;
	color: #000;
}

div.addcapsule a.donelink:link,
div.addcapsule a.donelink:link {
  font-size: 11px;
  padding: 0 5px 1px 5px;
}

div.addcapsule div.addright {
  background: url('/images/add-bg-right.gif') top right no-repeat;
  padding: 3px 10px 10px 0;
}

div.addcapsule span.addpipe {
  color: #fff;
}


div.lists div.list div#additemdialog {
	margin-top: 3px;
	margin-left: 25px;
}

div.lists div.list ul.incomplete_items {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 14px;
}

div.lists div.list ul.completed_items {
  margin: 10px 0 0 0px;
  padding: 0px;
  list-style-type: none;
	font-size: 10px;
	color: #999;
}

div.lists div.list ul li {
  position: relative;
  clear: left;
  z-index: 0;
}

div.lists div.list ul.completed_items li div.content_for_item {
  padding-top: 2px;
}

div.lists div.list ul.completed_items img {
  vertical-align: top;
  padding-top: 1px;
}

div.lists div.list ul.completed_items img.check {
  vertical-align: middle;
  padding-top: 0;
  margin-top: 3px;
}

div.lists div.list ul.incomplete_items li {
  padding-bottom: 3px;
}

div.lists div.list div.check_box_for_item {
  width: 17px;
  float: left;
  position: relative;
  z-index: 3;
}

div.lists div.list div.content_for_item {
  margin-left: 22px;
}


/*-------------------------------------------------
PERMA -> NOTES
-------------------------------------------------*/

div.note {
  position: relative;
	font-size: 13px;
	margin: 0 0 15px 0;
}

#Main div.notes div.note h3.notetitle {
	font-size: 16px;
	margin: 0 0 3px 0;
}

#Main div.notes div.note h3.notetitle span.date {
  font-size: 10px;
  color: #999;
  white-space: nowrap;
  font-weight: normal;
}

#Main div.notes div.note h1,
#Main div.notes div.note h2,
#Main div.notes div.note h3 {
  margin: 0 0 15px 0;
  color: #333;
  font-weight: bold;
  border: none;
}

#Main div.notes div.note h1 {
  font-size: 14px;
}

#Main div.notes div.note h2 {
  font-size: 13px;
}

#Main div.notes div.note h3 {
  font-size: 12px;
}

div.notes div.note p {
	font-size: 12px;
  line-height: 16px;
  margin: 0 0 15px 0;
}

div.notes div.note blockquote {
  background: url('/images/blockquote.gif') no-repeat 0 2px;
  padding-left: 23px;
  margin: 0 40px 15px 0;
}

div.notes dl dt {
	width: 20px; text-align: left;
}

div.notes dl dd input.title_field {
  width: 400px;
  font-size: 14px;
  font-weight: bold;
}

div.notes dl dd textarea.body_textarea {
  width: 400px;
  padding: 2px;
  font-size: 14px;
}

div.notes div#addnote {
  width: 70px;
}

div.notes div#addnote.withreorder {
  width: 155px;
}

div.note table, div#description table {
  background-color: #efefef;
  font-size: 12px;
  margin: 0 0 15px 0;
}

div.note td, div#description td {
  padding: 3px;
  background-color: #fff;
  border: 0;
}

div.note ul, div.note ol {
  font-size: 12px;
}

/*-------------------------------------------------
PERMA -> FILES
-------------------------------------------------*/

div.files table td {
	vertical-align: top;
  width: 230px;
}

div.files img.file_icon {
	float: left;
  margin-bottom: 5px;
}

div.files p img {
	vertical-align: bottom;
}

div.files h3 {
	font-size: 11px;
	font-weight: normal;
	margin: 0 0 3px 0;
}

div.files p {
	font-size: 10px;
	color: #999;
	margin: 0;
}

div.files input.rename_field {
  width: 188px;
  font-size: 12px;
}

div.files div.file_details {
  margin-left: 42px;
}

div#addfile {
  margin: 5px 0 0 12px;
}

div#addimage {
  width: 75px;
}

div#addimagedialog h3 {
  margin-bottom: 10px;
}

/*-------------------------------------------------
PERMA -> IMAGES
-------------------------------------------------*/

div.images table {
}

div.images table td {
  text-align: left;
	vertical-align: top;
  width: 165px;
  padding-bottom: 10px;
  font-size: 11px;
}

div.images td div#invalid_image {
  background: #ffc;
  border: 1px solid #fc3;
  padding: 5px;
}

div.images td div#invalid_image p {
  color: #000;
}

div.image td div#invalid_image a:link.admin,
div.image td div#invalid_image a:visited.admin {
  color: red;
}

div.images img.thumb { /* the thumbnail */
  vertical-align: top;
  border: 1px solid #666;
}

div.images img {
  vertical-align: middle;
}

div.images p img {  /* delete button */
  border: none;
  vertical-align: middle;
}

div.images h3 {
	font-size: 11px;
	font-weight: normal;
	margin: 0 0 3px 0;
}

div.images p {
	font-size: 10px;
	color: #999;
	margin: 4px 0 0 0;
}

div#addimage {
  margin: 10px 0 0 12px;
}

div.images div.showhidedialog textarea {
  width: 150px;
  margin: 0;
}

div.images div.showhidedialog p.submit {
  margin: 2px 0 0 0;
}


/*-------------------------------------------------
PERMA -> EMAILS
-------------------------------------------------*/

div.emails ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.emails li {
	margin: 0 0 5px 0;
	font-size: 16px;
}

div.emails li span.date {
  font-size: 10px;
  color: #666;
}


/*-------------------------------------------------
PERMA -> LINKS
-------------------------------------------------*/

div.links h2 span {
  font-weight: normal;
  color: #999;
}

div.links {
	font-size: 14px;
	color: #ccc;
}

div.links ol {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

div.links li {
  position: relative;
	margin: 0 0 5px 0;
	font-size: 16px;
}

div.links img {
	vertical-align: middle;
}

div.links div#addlinkdialog {
	margin-top: 10px;
}

div.links div#addlinkdialog h3 {
	color: #000;
	padding: 0;
	margin: 0 50px 15px 0;
}

div.links div#addlinkdialog dt {
	width: 160px;
}

div.links div#addlinkdialog dd select,
div.links div#addlinkdialog dd input {
	width: 250px;
  font-size: 14px;
}

div.links div#addlinkdialog dd.submit input {
	width: auto;
}

/*-------------------------------------------------
PERMA -> WRITEBOARDS
-------------------------------------------------*/

div.writeboards h2 span {
  font-weight: normal;
  color: #999;
}

div.writeboards {
	font-size: 14px;
	color: #ccc;
}

div.writeboards ol {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

div.writeboards li {
  position: relative;
	margin: 0 0 5px 0;
	font-size: 16px;
}

div.writeboards li span.detail { /* who's page is it? */
  font-weight: normal;
  font-size: 10px;
  color: #999;
  margin-left: 10px;
}

div.writeboards div#addwriteboard {
  width: 95px;
}

div.writeboards div#addwriteboarddialog {
	margin-top: 10px;
}

div.writeboards div#addwriteboarddialog h3 {
  font-size: 12px;
	color: #666;
	padding: 0;
	margin: 0 0 5px 0;
}

div.writeboards div#addwriteboarddialog h3#orchoose {
  margin-top: 15px;
  font-size: 11px;
}

div.writeboards div#addwriteboarddialog p {
  margin-left: 15px;
}

div.writeboards div#addwriteboarddialog input#writeboard_title,
div.writeboards div#addwriteboarddialog select {
  width: 200px;
  font-size: 12px;
}

div.writeboards p#addwriteboard {
  font-size: 10px;
  color: #ccc;
}


/*-------------------------------------------------
WRITEBOARDS TAB
-------------------------------------------------*/

.writeboards div.dialog {
	border: 1px solid #ccc;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	background: #f5f5f5;
	padding: 0 10px 10px 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #999;
	line-height: 36px;
}

.writeboards div.dialog p {
  line-height: 28px;
  color: #666;
	margin: 0;
	font-size: 12px;
}

.writeboards div.dialog p.explanation {
  line-height: 16px;
  margin-bottom: 5px;
}

.writeboards div.dialog p.submit {
	color: #999;
	font-size: 11px;
}

.writeboards div.dialog p.submit a:link,
.writeboards div.dialog p.submit a:visited {
  color: #666;
  margin-left: 5px;
}

.writeboards div.dialog p.submit a.cancel:link,
.writeboards div.dialog p.submit a.cancel:visited {
  color: red;
  margin-left: 0px;
}

.writeboards div.dialog h2 {
  border: none;
  line-height: 10px;
	margin: 10px 0 5px 0;
	padding-bottom: 2px;
}

.writeboards div.dialog input#writeboard_title {
	font-size: 16px;
	padding: 2px;
	margin-bottom: 5px;
	width: 400px;
}


/*-------------------------------------------------
PERMA -> SHARING
-------------------------------------------------*/

img#sharing_bug {
  /* image in the upper right of shared pages */
  float: right;
  margin: 0 5px 5px 5px;
}

div.shares {
	font-size: 14px;
	color: #333;
}

div.shares ol {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

div.shares li {
	margin: 0 0 5px 0;
	font-size: 12px;
}

div.shares li span.link {
  color: #999;
  font-size: 11px;
}

div.shares li span#belongsto { /* label for the owner/creator */
  color: #999;
  font-size: 9px;
  text-transform: uppercase;
}

div.shares img {
	vertical-align: middle;
}

div.shares div#addshare {
  width: 215px;
}

div.shares div#addsharedialog {
	margin-top: 10px;
}

div.shares div#addsharedialog h2 {
  border: none;
  margin: 0 0 3px 0;
  color: #000;
  font-size: 12px;
}

div.shares div#addsharedialog p {
  font-size: 11px;
  line-height: 14px;
  color: #666;
}

div.shares div#addsharedialog p span.url {
}

div.shares div#addsharedialog p span.commas {
  font-size: 10px;
  color: #999;
}

div.shares div#addsharedialog div {
  margin-left: 5px;
  margin-bottom: 15px;
}

div.shares div#addsharedialog textarea {
	width: 300px;
  font-size: 14px;
}

div.shares div#addsharedialog p.submit {
  margin-left: 5px;
}

div.shares div#addsharedialog p.helpwithsharing {
  margin: 3px 0 0 0;
  color: #999;
  font-size: 10px;
}

div.shares div#addsharedialog p.helpwithsharing a:link,
div.shares div#addsharedialog p.helpwithsharing a:visited {
  color: #c60;
}

div.shares div#addsharedialog div.pickpeople {
  font-size: 11px;
  color: #333;
}

/* ---------------------------------------
REMINDERS
------------------------------------------*/

.reminders .main h1 {
	margin-bottom: 15px;
}

.reminders div.dialog {
	border: 1px solid #ccc;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	background: #f5f5f5;
	padding: 0 10px 10px 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #999;
	line-height: 36px;
}

.reminders div.dialog p {
  line-height: 28px;
}

.reminders div.dialog p.submit {
	color: #999;
	font-size: 11px;
}

.reminders div.dialog p.submit a:link,
.reminders div.dialog p.submit a:visited {
	color: #c60;
}

.reminders div.dialog h2 {
  border: none;
  line-height: 10px;
	margin: 10px 0 5px 0;
	padding-bottom: 2px;
}

.reminders div.dialog p {
	margin: 0;
	font-size: 12px;
}

.reminders div.dialog input#reminder_content, 
.reminders div.dialog input#new_reminder_content {
	font-size: 16px;
	padding: 2px;
	margin-bottom: 5px;
	width: 400px;
}

.reminders .showhidedialog input.edit_reminder_title {
	font-size: 16px;
	padding: 2px;
	width: 400px;
}

.reminders .dialogbg {
  padding: 10px;
}

.reminders p.submit {
  font-weight: normal;
}

.reminders ol {
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0;
}

.reminders ol li { 
  margin: 0 0 5px 0;
  font-weight: bold;
  padding: 0;
}

.reminders ol li span.inabout {
	color: #393;
	font-weight: normal;
	font-size: 10px;
}

.reminders div.sent_today li {
  font-size: 11px;
  font-weight: normal;
  color: #999;
}

.reminders div.sent_today li img {
  vertical-align: middle;
}

.reminders div.sent_today li span.sent_today {
  font-size: 12px;
  color: #999;
  text-decoration: line-through;
}

.reminders div.today li {
  font-size: 16px;
  color: #000;
}

.reminders div.tomorrow li {
  font-size: 14px;
  color: #333;
}

.reminders div.day1 li,
.reminders div.day2 li,
.reminders div.day3 li,
.reminders div.day4 li,
.reminders div.day5 li {
  font-weight: normal;
  font-size: 13px;
  color: #333;
}

.reminders div.day6 li,
.reminders div.day7 li,
.reminders div.day8 li,
.reminders div.day9 li,
.reminders div.day10 li,
.reminders div.day11 li,
.reminders div.day12 li,
.reminders div.day13 li,
.reminders div.day14 li,
.reminders div.day15 li,
.reminders div.day16 li,
.reminders div.day17 li,
.reminders div.day18 li,
.reminders div.day19 li,
.reminders div.day20 li,
.reminders div.day21 li,
.reminders div.day22 li,
.reminders div.day23 li,
.reminders div.day24 li,
.reminders div.day25 li,
.reminders div.day26 li,
.reminders div.day27 li,
.reminders div.day28 li,
.reminders div.day29 li,
.reminders div.day30 li,
.reminders div.day31 li {
	font-size: 12px;
	font-weight: normal;
	color: #666;
}

.reminders div.month1 li,
.reminders div.month2 li,
.reminders div.month3 li,
.reminders div.month4 li,
.reminders div.month5 li,
.reminders div.month6 li,
.reminders div.month7 li,
.reminders div.month8 li,
.reminders div.month9 li,
.reminders div.month10 li,
.reminders div.month11 li,
.reminders div.month12 li,
.reminders div.future li {
	font-size: 11px;
	font-weight: normal;
	color: #999;
}

.reminders div.dialog#reminder_cap p {
  color: #000;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 18px;
}


/* ---------------------------------------
SHOW/HIDE DIALOG - for live editing
------------------------------------------*/

.showhidedialog {
  margin: 5px 0;
	font-size: 11px;
	color: #666;
}

.dialogbg { /* for grouping multiple fields */
	/*background: #f5f5f5;*/
  background: url(/images/showhide-bg.gif) top left repeat-y;
	padding: 10px;
}

.showhidedialog p {
	margin: 0;
	font-size: 12px;
  line-height: 28px;
}

.showhidedialog p.youcanalso {
  font-size: 11px;
  margin-left: 5px;
}

.showhidedialog p.youcanalso a:link,
.showhidedialog p.youcanalso a:visited {
	color: #666;
}

.showhidedialog p.submit {
  font-size: 11px;
}

.showhidedialog p.submit a:link,
.showhidedialog p.submit a:visited,
.showhidedialog dd.submit a:link,
.showhidedialog dd.submit a:visited {
	color: red;
}

.showhidedialog h2 {
  border: none;
  margin-bottom: 2px;
}

.showhidedialog h3 {
  color: #000;
	padding: 0;
	margin: 0 50px 15px 0;
}

.showhidedialog h2.first {
  margin-top: 0;
}

.dialog input#page_title {
  font-size: 24px;
  width: 420px;
  font-weight: bold;
}

a.edit:link,
a.edit:visited {
	color: red;
  padding: 0;
  font-weight: normal;
}

a.trashcan:link,
a.trashcan:visited {
}


/*-------------------------------------------------
NEW PAGE
-------------------------------------------------*/

.new #Main div.inner {
  padding-top: 20px;
}

.new #Main h2  {
  margin: 0 0 3px 0;
  font-size: 12px;
  border: none;
}

.new #Main h2.optional {
  font-size: 11px;
  font-weight: normal;
  color: #666;
}

.new #Main h2.optional span {
  color: #999;
}

.new #Main p {
  margin: 0 0 15px 0;
}

.new #Main input#page_title {
  font-size: 24px;
  width: 490px;
  font-weight: bold;
}

.new #Main textarea#page_description {
  font-size: 14px;
  width: 480px;
  padding: 2px;
}

.new p.submit {
	color: #999;
	font-size: 11px;
}

.new p.submit input {
  font-size: 16px;
}

.new p.submit a:link,
.new p.submit a:visited {
	color: red; 
}

.new #Main .fieldWithErrors {
  background: #f00;
  width: 482px;
  padding-left: 2px;
}

.new #Main .formError {
  color: red;
  font-style: italic;
}

/* ---------------------------------------
OVERVIEW
------------------------------------------*/

.overview h2 {
	font-size: 16px;
  border-bottom: none;
	margin-bottom: 5px;
}

.overview h2 a:link,
.overview h2 a:visited {
}

.overview .section {
	padding-bottom: 5px;
}

.overview .section table td {
	font-size: 14px;
}

.overview .showhidedialog {
  margin-left: 18px;
}

.overview input.additemfield {
	font-size: 16px;
	padding: 2px;
	width: 400px;
}

/* ---------------------------------------
ACCOUNT
------------------------------------------*/

.account .vitals {
  margin-top: 5px;
}

.account .section table {
	width: 99%;
}

.account .plans table td,
.account .colorscheme table td {
	padding: 5px 5px 10px 5px;
	text-align: center;
	vertical-align: top;
	font-size: 14px;
}

.account .colorscheme table td {
	padding-bottom: 15px;
}

.account .plans p {
	margin: 5px 0 15px 0;
	font-size: 12px;
}

.account .plans td.upgrade p {
	font-weight: bold;
	font-size: 16px;
}

.account .plans td.downgrade p {
	font-size: 11px;
}

.account .colorscheme img {
	padding: 1px;
	border: 1px solid #ccc;
}

.account .plans p.updatecreditcard {
	font-size: 9px;
	font-weight: normal;
	margin: 2px 0 0 0;
}

.account .section table td.current {
	background-color: #ffc;
	font-weight: bold;
}

.account .remindermethod table {
	width: auto;
}

.account .remindermethod td {
	padding: 2px;
	font-size: 11px;
	white-space: nowrap;
}

.account .remindermethod select {
	width: 150px
}

.account dt {
	width: 100px;
	font-size: 11px;
	font-weight: bold;
}

.account dd input {
	width: 250px;
	font-size: 12px;
}

.account dd input.password {
	width: 100px;
}

.account .newpages p {
	font-size: 12px;
	margin-left: 5px;
}

.account .invoices ul {
  font-size: 12px;
}

body.account div#token {
  margin-top: 30px;
  padding: 5px;
	background-color: #efefef;
}

body.account div#token h2 {
  font-size: 10px;
  border: none;
}

body.account div.section p {
  font-size: 12px;
}


/* ---------------------------------------
COUPON CODE
------------------------------------------*/

div.couponcode {
  margin-top: 15px;
}

div.couponcode h2 {
  font-size: 16px;
  margin: 0; padding: 0;
}

div.couponcode p {
  margin: 0; padding: 0;
  font-size: 12px;
}

div.couponcode input {
  font-family: courier, monospace;
  font-size: 14px;
}




/*-------------------------------------------------
TABS
-------------------------------------------------*/

#Tabs {
	margin: 0;
	height: 27px;
	padding: 0;
}

#Tabs ul {
	margin: 0; padding: 0;
}

#Tabs li {
	margin: 0; padding: 0;
	display: inline;
	list-style: none;
	border: none;
}

#Tabs ul#MainTabs {
  float: left;
  width: 400px;
}

#Tabs ul#AccountTabs {
  float: right;
  width: 178px;
}

div#Tabs a:link,
div#Tabs a:visited {
	color: #fff;
}

#Tabs a:hover {
	color: #fff;
	background: #333;
}

#Tabs ul#MainTabs a:link, #Tabs ul#MainTabs a:visited {
  float: left; /* for IE6 */
	font-size: 12px;
	font-weight: normal;
	padding: 3px 8px 9px 8px;
	margin: 0;
}

#Tabs ul#AccountTabs li a:link,
#Tabs ul#AccountTabs li a:visited {
  color: #F0D1B2;
  float: left; /* for IE6 */
  font-size: 10px;
  font-weight: normal;
  padding: 3px 3px 6px 3px;
  margin-right: 5px;
}

#Tabs ul#MainTabs a:link.current, #Tabs ul#MainTabs a:visited.current {
	background: #e5e5e5 url(/images/tab-bg.gif) top repeat-x;
	border: 1px solid #e5e5e5;
	color: #c60;
	font-weight: bold;
	text-decoration: none;
  margin: 0 5px;
}

#Tabs ul#AccountTabs a:link.current, #Tabs ul#AccountTabs a:visited.current {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
  padding-top: 2px;
}

#Tabs ul#AccountTabs a:hover.current {
  color: #fff;
  background: none;
}


/*-------------------------------------------------
PAGES, WRITEBOARDS TAB
-------------------------------------------------*/

.pages h1 {
  font-size: 18px;
  margin-bottom: 20px;
}

.pages .section p {
	font-size: 12px;
	color: #999;
}

.pages .section ul,
.writeboards .section ul {
	margin: 0; padding: 0;
	list-style: none;
}

.pages .section li,
.writeboards .section li {
	margin: 0 0 8px 0; padding: 0;
	font-size: 16px;
	font-weight: bold;
}

.pages .section li a:hover {
  color: #fff;
  background: #555;
  text-decoration: none;
}

.pages .section li img,
.writeboards .section li img {
	vertical-align: middle;
}

.pages .archived li {
	font-size: 11px;
	font-weight: normal;
}

.writeboards #importwriteboard {
  margin-bottom: 20px;
}

.writeboards #importwriteboard h3 {
  margin-bottom: 10px;
}

.writeboards #importwriteboard span {
  font-size: 11px;
}

.writeboards #importwriteboard input#url {
  width: 400px;
  font-size: 14px;
}

.writeboards #importwriteboard p.submit {
  margin-top: 5px;
}

.pages .archived li a:link,
.pages .archived li a:visited {
}

/*-------------------------------------------------
PAGES - FRIENDS' PAGES
-------------------------------------------------*/

.friends #Main ul li span { /* who's page is it? */
  font-weight: normal;
  font-size: 12px;
  color: #666;
}

.writeboards #Main ul li span.detail { /* who's page is it? */
  font-weight: normal;
  font-size: 10px;
  color: #999;
  margin-left: 10px;
}

.friends #Main ul li.new {
  padding: 5px;
  background: #ffc;
  border: 1px solid #ffe;
}


/*-------------------------------------------------
HELP/FAQ
-------------------------------------------------*/

div.help h2, div.types h2  {
  border: none;
  padding: 0;
  margin: 15px 0 0 0;
  font-size: 16px;
  border-bottom: 1px dotted #ccc;
}

div.help h3 {
  border: none;
  padding: 0;
  margin: 10px 0 3px 7px;
  font-size: 14px;
}

div.help p {
  padding: 0;
  margin: 0 0 15px 13px;
  font-size: 13px;
}

div.help img {
  border: none;
  padding: 0;
  margin: 0;
}

div.types {
  text-align: left;
}

div.types img {
  border: 1px solid #ccc;
  padding: 1px;
}

div.types h2  {
  margin: 15px 0 5px 0;
  border: none;
}

div.types p {
  margin-bottom: 25px;
}

div#helpbuttons {
  padding: 3px 0 0 3px;
  background-color: #fff;
  margin-bottom: 5px;
}

div#helpbuttons img {
  border: 0;
  margin: 0;
  padding: 0;
}

div.help ol {
  font-size: 13px;
}

div.help ol li {
  margin-bottom: 10px;
}

body.help span.pay {
  background-color: yellow;
  padding: 2px;
  font-weight: bold;
}

/*-------------------------------------------------
ACCOUNT CHART/PAGE
-------------------------------------------------*/

table.accountchart {
	margin: -20px 0 0 0;
  border-collapse: collapse;
  width: 99%;
}

table.accountchart th.top {
	border: none;
	border-bottom: 1px solid #000;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	text-align: left;
	padding-left: 0;
}

table.accountchart th img {
	margin-top: 3px;
	background-color: #fff;
	border: none;
}

table.accountchart th a:hover, table.accountchart th a {
	background-color: #fff;
	padding: 0;
	margin: 0;
}

table.accountchart small {
	color: #999;
}

table.accountchart th {
	font-size: 16px;
	padding: 3px 5px 3px 5px;
	text-align: center;
	vertical-align: top;
	border-bottom: 1px solid #999;
	border-right: 1px solid #E3DFDF;
	border-left: 1px solid #E3DFDF;
}

table.accountchart th.activeprojects {
	font-size: 10px;
	color: #333;
	text-align: left;
	font-weight: normal;
	padding-left: 0;
	border-left: none;
}

table.accountchart th.current, table.accountchart td.current  {
	background-color: #ffc;
}

table.accountchart td.select {
	font-size: 10px;
	font-weight: bold;
	background-color: #ffc;
}

table.accountchart td.shaded {
	background-color: #ffc;
}

table.accountchart td.projectnumber {
	font-size: 14px;
}

table.accountchart td {
	border-bottom: 1px solid #E3DFDF;
	padding: 2px;
	font-size: 9px;
	border-right: 1px solid #E3DFDF;
	border-left: 1px solid #E3DFDF;
	text-align: center;
	vertical-align: middle;
}

table.accountchart td.banner {
	background-color: #333;
	color: #fff;
	font-size: 9px;
	font-weight: bold;
}

table.accountchart td.notes {
	font-size: 9px;
	color: #999;
	text-align: right;
	border-left: none;
	border-right: none;
}

table.accountchart td.plancatper, table.accountchart td.plancatbiz {
	background-color: #fff;
	font-size: 9px;
	font-weight: bold;
}

table.accountchart h4 {
	background-color: #390;
	font-weight: bold;
	color: #fff;
	white-space: nowrap;
	font-size: 10px;
	padding: 2px;
	margin: 5px 0 0 0;
}

table.accountchart td.item {
	text-align: right;
	vertical-align: middle;
	font-size: 11px;
	border-right: 1px solid #ccc;
	white-space: nowrap;
}

table.accountchart span.price {
	font-size: 11px;
	color: #f60;
}

table.accountchart tr.benefits td {
	font-size: 11px;
	padding: 4px;
	background-color: #ff0;
}

/*-------------------------------------------------
CALENDAR BLANK SLATE
-------------------------------------------------*/

body.calendar div#blank_slate {
  margin: 5px 0 20px 0;
	background-color: #ffc;
	padding: 7px;
	border: 1px solid #d9d9b8;
	text-align: center;
}

body.calendar div#blank_slate h1 {
  font-size: 16px;
	background: none;
	padding: 0;
	margin: 0;
}

body.calendar div#blank_slate p {
  font-size: 12px;
	background: none;
	padding: 0;
	margin: 0;
	border: 0;
	color: #666;
}

body.calendar div#blank_slate img {
	margin: 15px 0;
}


/*-------------------------------------------------
GENERAL BLANK SLATE
-------------------------------------------------*/

div#blank_slate {
  margin: 5px 0 20px 0;
}

div#blank_slate h1 {
  font-size: 16px;
  padding: 3px;
  background-color: #ff0;
  display: inline;
}

div#blank_slate p {
  padding: 0 0 0 3px;
  margin: 7px 0 0 0;
  font-size: 13px;
}

/*-------------------------------------------------
PUBLIC SHARE
-------------------------------------------------*/

div#Sidebar div.public {
	padding-left: 15px;
}

div#Sidebar div.public h3 {
	font-size: 13px;
	margin: 10px 0 10px 0;
	padding: 0;
}

div#Sidebar div.public p {
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 0;
	color: #333;
}

div#Sidebar div.public div.googlead {
	margin: 20px 0 0 0;
}


/*-------------------------------------------------
NEW PAGE
-------------------------------------------------*/

.newpage #Header {
	padding: 8px 0 8px 20px;
}


/*-------------------------------------------------
YELLOW FADE TECHNIQUE
-------------------------------------------------*/

#fade {
  background-color: #ffff99;
}


/*-------------------------------------------------
STANDALONE HELP
-------------------------------------------------*/

.help {
  margin: 0;
  text-align: left;
}

.help #Container {
  background: none;
  margin: 10px 20px;
  width: 550px;
}

.help .content_types img {
  border-top: 2px solid #c60;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}

.help .content_types p {
  font-size: 12px;
  line-height: 16px;
  margin: 0 0 20px 5px;
}

.help .rss_security p {
  font-size: 14px;
  line-height: 18px;
}

.help h1 {
	font-size: 28px;
	margin: 5px 0 5px 0;
}

.help .rss_security h1 {
  margin-bottom: 20px;
}

.help h2 {
  color: #c60;
  font-size: 18px;
  margin: 0;
}

.help .content_types h2 span {
  background: #c60;
  color: #fff;
  padding: 2px;
}

/*-------------------------------------------------
POPUP HELP
-------------------------------------------------*/

body.popup {
  padding: 10px 15px;
  text-align: left;
}

body.popup p {
  margin: 0 0 5px 0;
  font-size: 13px;
  color: #333;
}

body.popup p.close {
  text-align: center;
  font-size: 14px;
}

body.popup p.close a {
  color: red;
}

body.popup h3 {
  margin: 0 0 3px 0;
  font-size: 13px;
}

body.popup ul.field_examples {
  margin: 0 0 15px 0;
  padding: 0;
  list-style: none;
}

body.popup ul.field_examples li {
  background: #fff;
  padding: 3px 5px;
  margin: 0 0 2px 0;
  font-size: 12px;
}


/*-------------------------------------------------
NEW ACCOUNT SIGNUP
-------------------------------------------------*/

body.signup div.vitals dd input, body.signup div.vitals dd.username input {
  font-size: 14px;
  width: 250px;
  font-weight: bold;
  color: #393;
  padding: 3px;
}

body.signup div.vitals dd.short input {
  width: 175px;
}

body.signup div.vitals dd select {
  width: 275px;
}

body.signup div#Container {
	margin: 50px auto;
	text-align: center;
	width: 720px;
	background: none;
	}

body.signup {
	background-image: url(/images/topbluefade.gif);
	background-repeat: repeat-x;
	background-color: #fff;
}

body.signup div.top {
	text-align: left;
}

body.signup div.main h1 {
  font-size: 18px;
	margin-bottom: 20px;
}

body.signup div.main {
	width: 425px;
	text-align: left;
	float: left;
}

body.signup div.side {
	float: right;
	width: 260px;
	text-align: left;
	padding: 0;
	margin: 0;
}

body.signup div.side h2 {
  font-size: 12px;
  padding: 0;
  margin: 0;
  border: 0;
}

body.signup div.side p, body.signup div.vitals p {
  font-size: 11px;
  line-height: 15px;
  padding: 0;
  margin: 0 0 15px 0;
  border: 0;
}

body.signup div.side img {
  margin: 0 0 20px 0;
}

body.signup .clearallrule {
	margin: 0 0 15px 0;
	padding: 15px 0 0 0;
	border-bottom: 1px solid #ccc;
	clear: both;
	font-size: 2px;
}

body.signup div#FAQ, div#boxed {
  padding: 20px 0 5px 20px;
  margin: 0 0 15px 0;
  border: 1px solid #ccc;
  text-align: left;
}

body.signup div#FAQ h1 {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 20px 0;
}

body.signup div#FAQ h2 {
  font-size: 12px;
  margin: 0 0 1px 0;
  padding: 0;
  color: #393;
}

body.signup div#FAQ p {
  margin: 0 0 15px 0;
  font-size: 12px;
  line-height: 16px;
  width: 80%;
}

body.signup div.action {
  padding: 7px;
  border-top: 2px solid #393;
  background: #f5f5f5;
}

div.invitation {
  padding: 10px;
  background-color: #ffc;
  border: 1px solid #fc0;
  margin: 0 0 20px 0;
  font-size: 13px;
}

div.invitation a {
  color: #000;
  padding: 0 2px;
}

div.invitation h3 {
  font-size: 14px;
  border: none;
  margin: 0 0 3px 0;
  font-weight: bold;
  color: #900;
}


/* ---------------------------------------
HISTORY
------------------------------------------*/

.history table {
	width: 99%;
	margin-top: 15px;
}

.history table td {
	font-size: 11px;
	white-space: nowrap;
	padding: 3px;
  vertical-align: top;
}

.history table th {
	text-align: left;
	padding-top: 15px;
}

.history table th.first {
	padding-top: 0;
}

.history table tr.shaded td {
	background-color: #EDF3FE;
}

.history table td.content {
	font-size: 12px;
	white-space: normal;
	font-weight: bold;
}

.history table td.page {
	white-space: normal;
}

.history .rss, .reminders .ical {
  border-top: 1px solid #999;
  margin-top: 10px;
  padding-top: 8px;
  margin-top: 15px;
}

.history .rss p, .reminders .ical p {
  font-size: 11px;
  margin: 0 0 10px 0;
}

.history .rss img, .reminders .ical img {
  float: left;
  position: relative;
  margin: 2px 8px 15px 0;
}

.history .rss p#rsssecurity strong {
  background: #ffc;
  margin-right: 2px;
}

.history h1 {
  font-size: 14px;
}

/*-------------------------------------------------
CONDITIONS
-------------------------------------------------*/

div.conditions {
  font-size: 11px;
  color: #600;
  padding: 3px;
}

/*-------------------------------------------------
STATS
-------------------------------------------------*/

.pages .section .stats p {
	font-size: 11px;
	color: #666;
	margin: 0;
}

/*-------------------------------------------------
ERROR EXPLANATION
-------------------------------------------------*/

div.errorExplanation {
  padding: 5px;
  border: 1px solid red;
  background-color: #F9E4E4;
  margin-bottom: 15px;
}

div.errorExplanation h2 {
  padding: 0;
  color: red;
  margin: 0;
  font-size: 14px;
}

div.errorExplanation p {
  padding: 0;
  font-weight: bold;
  color: #000;
  margin: 10px 0 0 0;
  font-size: 12px;
}

div.errorExplanation ul {
  margin-bottom: 0;
  padding-bottom: 0;
  list-style: square;
}

div.fieldWithErrors input, div.fieldWithErrors select {
  border: 2px solid red;
}

div.fieldWithErrors {
  font-size: 11px;
}

/*-------------------------------------------------
TAGS
-------------------------------------------------*/

div.pageheader div.tags {
  margin-bottom: 5px;
  font-size: 9px;
  color: #999;
  font-weight: normal;
}

div.pageheader div.tags p.entertags {
  font-size: 11px;
  font-weight: bold;
  margin: 0;
}

div.pageheader div.tags span.tag {
  margin-right: 4px;
}

div.pageheader div.tags a {
  color: #999;
  text-decoration: none;
}

div.pageheader div.tags a:hover {
  color: #666;
  text-decoration: underline;
}

div.pageheader div.tags span.tag a, div.pageheader div.tags span.tag a:hover {
  font-size: 9px;
}

div.pageheader div.tags span.tag a:hover {
  color: #666;
  text-decoration: underline;
}

div.pageheader div#add_tags textarea {
  width: 490px;
}

div.pageheader div#add_tags {
  margin-bottom: 25px;
}

div.pageheader div#add_tags p.submit,
div.pageheader div#add_tags p.submit a {
  font-size: 11px;
}

div.pageheader div#add_tags p.submit a:link,
div.pageheader div#add_tags p.submit a:visited,
div.pageheader div#add_tags p.submit a:hover {
  color: red;
  text-decoration: underline;
}

div.pageheader div#add_tags p.small {
  margin: 3px 15px 3px 0;
  font-size: 10px;
  line-height: 14px;
}

div.pageheader div#add_tags p.small a {
  color: #666;
  text-decoration: underline;
}

div.pageheader div#tagsMatches {
  padding: 5px;
  background-color: #efefef;
  margin-bottom: 25px;
}

div.pageheader div#tagsMatches h1 {
  font-size: 14px;
  color: #666;
  margin: 0 0 8px 0;
  padding: 0;
}

div.pageheader div#tagsMatches h1 a {
  font-size: 10px;
  color: red;
  font-weight: normal;
  padding: 0 5px;
}

div.pageheader div#tagsMatches span {
  font-size: 14px;
  color: #000;
}

div.pageheader div#tagsMatches ul {
	margin: 0; padding: 0;
	list-style: none;
}

div.pageheader div#tagsMatches li {
	margin: 0 0 5px 0; padding: 0;
	font-size: 12px;
	font-weight: normal;
}

div#tagList {
  float: right;
  padding-left: 20px;
  background-color: #fff;
}

div#tagList h1 {
  font-size: 11px;
  font-weight: bold;
  margin: 0 0 5px 9px; padding: 0;
}

div#tagList ul {
	margin: 0; padding: 0;
	list-style: none;
}

div#tagList li {
	margin: 0 0 5px 0; padding: 0;
	font-size: 10px;
	color: #666;
	font-weight: normal;
}

div#tagList li a {
	font-size: 10px;
	color: #666;
  padding: 2px;
  margin-left: 7px;
}

div#tagList li a.current {
  background: #666 url(/images/current-tag.gif) 0 50% no-repeat;
  padding-left: 9px;
  margin-left: 0;
  color: #fff;
  text-decoration: none;
}

div#tagList li a:hover {
	background-color: #666;
	color: #fff;
}

div#tagList span.tagcount {
  color: #888;
  font-size: 9px;
}

div#zoomer {
  position: absolute;
  background: #ccc;
  display: none;
}

/*-------------------------------------------------
REORDERING
-------------------------------------------------*/

.dragger { cursor: move; }


/*-------------------------------------------------
UPLOAD PROGRESS
-------------------------------------------------*/

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

/*-------------------------------------------------
EDIT NUBBIN
-------------------------------------------------*/

span.link_to_edit_container {
  position: relative;
  z-index: 2;
}

span.link_to_edit_nubbin {
  position: absolute;
  background: url(/images/edit_nubbin.gif) top left no-repeat;
  /*width: 35px;*/
  width: 40px;
  top: -6px;
  left: -71px;
  padding: 0 0 0 7px;
  /*padding: 3px 0 6px 7px;*/
  z-index: 1;
}

#writeboards li span.link_to_edit_nubbin {
  left: -51px; /* empirically derived... */
  top: -3px; /* this too */
}

span.link_to_edit_nubbin img {
  margin: 9px 0 6px 0;
}

h1#page_title span.link_to_edit_nubbin {
  left: -40px;
  top: 3px;
  vertical-align: top;
}

h1#page_title span.link_to_edit_nubbin img {
  padding: 0 0 8px 2px;
}

div.notes span.link_to_edit_nubbin {
  left: -50px;
}

h3.listtitle span.link_to_edit_nubbin {
  left: -50px;
}

div#all_reminders span.link_to_edit_nubbin {
  left: -50px;
}

div.links span.link_to_edit_nubbin {
  left: -40px;
  padding-left: 15px;
  width: 25px;
}

/*-------------------------------------------------
ADS UPGRADE
-------------------------------------------------*/

div.adsUpgrade {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 15px 0 0 15px;
	font-size: 10px;
	padding: 5px 0;
}

div#Sidebar div#Pages div.adsUpgrade h3 {
	font-size: 9px;
	color: #900;
	margin: 0;
	padding: 0;
}
div#Sidebar div#Pages div.adsUpgrade a {
	margin: 0;
	padding: 0;
	color: #000;
	display: inline;
}

div#Sidebar div#Pages div.adsUpgrade a:hover {
	background-color: #000;
	color: #fff;
}

/*-------------------------------------------------
AFFILIATE PROGRAM
-------------------------------------------------*/

body.affiliate div#Main h2 {
	padding: 0; margin: 0 0 2px 0;
	color: #900;
	font-size: 14px;
	border-bottom: none;
}

body.affiliate div#Main p {
	padding: 0; margin: 0 0 15px 0;
	font-size: 12px;
	line-height: 1.4em;
}

body.affiliate h2 span, body.affiliate p span.highlight2 {
	background-color: #ffc;
	border: 1px solid #fc6;
	padding: 3px;
	font-family: courier, "Courier New", monospace;
	letter-spacing: 1px;
}

body.affiliate div.Left p {
	width: 80%;
	font-size: 12px;
	margin-top: 0;
}

body.affiliate div#Main h1 {
	margin: 20px 0 15px 0;
	font-size: 18px;
	line-height: 1.2em;
	color: #000;
}

body.affiliate div.col {
	padding-bottom: 20px;
}

body.affiliate div#Mainol {
	margin: 0 0 20px 40px;
	width: 75%;
}

body.affiliate div.affiliatechart {
	float: right;
	margin: 0 0 25px 25px;
	padding: 10px;
	width: 200px;
	border: 2px solid #fc9;
}

body.affiliate div.affiliatechart table {
	margin-bottom: 10px;
}

body.affiliate div.affiliatechart table, body.affiliate div.affiliatechart p {
	width: 100%;
	margin-top: 0;
}

body.affiliate div.affiliatechart table td {
	font-size: 12px;
	padding: 2px;
	border-bottom: 1px solid #ccc;
	width: 100%;
	white-space: nowrap;
}

body.affiliate div.affiliatechart table th {
	font-size: 10px;
	text-align: center;
	padding: 2px;
	background-color: #333;
	color: #fff;
}

body.affiliate table.affiliatecount td {
	padding: 5px;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
}

body.affiliate table.affiliatecount td.total {
	border: 10px solid #ccc;
	background-color: #9f9;
	font-size: 11px;
	text-align: center;
}

body.affiliate table.affiliatecount td.total strong {
	font-size: 11px;
}

body.affiliate table.affiliatecount td.total h1 {
	font-size: 20px;
	margin: 0;
}

body.affiliate table.affiliatecount td small {
	color: #999;
}

body.affiliate table.affiliatecount td strong {
	font-size: 18px;
}

body.affiliate table.affiliatecount td.earned {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	background-color: #cfc;
	border-bottom: 0;
}

body.affiliate table.affiliatecount td.totals {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 300px;
}

body.affiliate table.affiliatecount td.totals strong {
	font-size: 12px;
}

body.affiliate table.affiliatecount th.earned {
	background-color: #cfc;
	color: #000;
}

body.affiliate table.affiliatecount th {
	font-size: 11px;
	text-align: left;
	color: #fff;
	padding: 5px;
	background-color: #333;
}

body.affiliate textarea {
	width: 400px;
	height: 50px;
	margin-bottom: 20px;
}

body.affiliate div#Main ol.easylist li {
	font-size: 14px;
	line-height: 17px;
	margin-bottom: 10px;
}

body.affiliate textarea {
	width: 468px;
	height: 100px;
}


/*-------------------------------------------------
SHARE CALENDAR DIALOG
-------------------------------------------------*/

body.share_calendar h1 {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}

body.share_calendar span.swatch {
  padding: 0px 12px;
  background: #009;
}

body.share_calendar div.submit a {
  font-size: 14px;
}

body.share_calendar p.url {
  text-align: center;
  font-size: 16px;
  margin-bottom: 10px;
}

body.share_calendar p.reset_url {
}

body.share_calendar p.reset_url a {
  color: #333;
}


